
<div class="am-cf am-padding">
  <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">个人资料</strong> / <small>Personal information</small></div>
</div>
<hr/>
<div class="am-g">

  <div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">
    <div class="am-panel am-panel-default">
      <div class="am-panel-bd">
        <div class="am-g">
          <div class="am-u-md-4">
            <img class="am-img-circle am-img-thumbnail" src="http://amui.qiniudn.com/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" alt=""/>
          </div>
          <div class="am-u-md-8">
            <p>你可以使用<a href="#">gravatar.com</a>提供的头像或者使用本地上传头像。 </p>
            <form class="am-form">
              <div class="am-form-group">
                <input type="file" id="user-pic">
                <p class="am-form-help">请选择要上传的文件...</p>
                <button type="button" class="am-btn am-btn-primary am-btn-xs">保存</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4">
    <form am-validator class="am-form am-form-horizontal">
      <div class="am-form-group">
        <label  class="am-u-sm-3 am-form-label">用户名/ Name</label>
        <div class="am-u-sm-9">
          <input type="password" ng-model="name" placeholder="用户名 / Name" required>
        </div>
      </div>
       <div class="am-form-group">
        <label  class="am-u-sm-3 am-form-label">密码/ Pwd</label>
        <div class="am-u-sm-9">
          <input type="password"  minlength="5" ng-model="pwd" placeholder="密码 / Pwd" required>
        </div>
      </div>

      <div class="am-form-group">
        <label class="am-u-sm-3 am-form-label">电子邮件 / Email</label>
        <div class="am-u-sm-9">
          <input type="email" ng-model="email" placeholder="输入你的电子邮件 / Email" required>
        </div>
      </div>
      <div class="am-form-group">
        <label  class="am-u-sm-3 am-form-label">电话 / Telephone</label>
        <div class="am-u-sm-9">
          <input type="number" minlength="7" ng-model="phone" placeholder="输入你的电话号码 / Telephone" required>
        </div>
      </div>
      <div class="am-form-group">
        <label class="am-u-sm-3 am-form-label">简介 / Intro</label>
        <div class="am-u-sm-9">
          <textarea class="" rows="5" ng-model="des" placeholder="输入个人简介"></textarea>
        </div>
      </div>
      <div class="am-form-group">
        <div class="am-u-sm-9 am-u-sm-push-3">
          <button type="button" ng-disabled='!email||!pwd||!email||!phone' class="am-btn am-btn-primary">保存修改</button>
        </div>
      </div>
    </form>
  </div>
</div>


